body{margin-left:200px;padding:50px 0 0;color:#666;font-family:Microsoft YaHei,"微软雅黑";}
ol,ul{margin:0;padding:0;list-style:none;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:700;}
.fn{font-weight:400;}
.t2{text-indent:2em;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-right:auto;margin-left:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.dn{display: none;}
.db{display: block;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w{width:100%;}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}
.h{height:100%;}
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}
.navbar-inverse{border:0;background-color:rgba(0,0,0,.3);background-image:none;}
.navbar-inverse .brand{margin-left:0;color:#fff;}
.navbar-inverse .brand:hover{-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-ms-transition:all .1s ease;}
.navbar-inverse .brand img{float:left;margin:-8px 5px 0;}
.navbar-inverse .brand .label{position:relative;top:-3px;left:10px;background:#666;-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.7);-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.7);box-shadow:inset 1px 1px 3px rgba(0,0,0,.7);font-weight:400;font-size:9px;}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle{color:#fff;text-shadow:none;}
.navbar-inverse .nav>li>a{color:rgba(255,255,255,.8);}
.navbar-nav > li > a {padding-top: 11px;padding-bottom: 10px;}
.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{color:#FFF;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-ms-transition:all .1s ease;}
.nav.pull-left>li{margin:0 5px;}
.nav.pull-left>li i{padding:0 5px;color:rgba(255,255,255,.8);font-size:30px;line-height:44px;cursor:pointer;}
.nav.pull-left>li:hover i{background-color:#3d9ccc;color:#fff;}
.nav>li.dropdown .dropdown-toggle{margin:0;}
.nav>li.dropdown .dropdown-toggle i{font-size:18px;cursor:pointer;}
.nav li.nav-header>a{margin:0;padding:0;color:#666;text-shadow:none;}
.bg-color li.nav-header>a,.nav>li.nav-header:hover>a,.nav>li.nav-header:hover>a:focus{margin:0;padding:0;background:inherit;color:#fff;}
.container-fluid{padding:0;}
.sidebar-nav{position:fixed;top:50px;bottom:0;left:0;z-index:10;width:200px;background:rgba(255,255,255,.3);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.3);-moz-box-shadow:0 1px 10px rgba(0,0,0,.3);box-shadow:0 1px 10px rgba(0,0,0,.3);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-ms-transition:all .1s ease;}
.sidebar-nav .nav-header{color:#666;text-shadow:none;font-size:14px;cursor:pointer;}
.sidebar-nav .nav-header span.label{position:relative;top:-1px;font-size:10px;}
.sidebar-nav .nav-header .popover{color:#999;text-shadow:none;}
.sidebar-nav .nav-header i{margin-left:10px;font-size:16px;}
.sidebar-nav .clearfix{margin:15px 0 0;}
.sidebar-nav .zoom-out{margin-left:150px;width:27px;height:27px;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;opacity:.5;cursor:pointer;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;-ms-transition:all 0s ease;}
.sidebar-nav .zoom-out:hover{color:#FFF;opacity:1;}
.sidebar-nav .zoom-out i{line-height:27px;cursor:pointer;}
.sidebar-nav .accordion-group{margin-bottom:0;border:0;border-bottom:1px solid transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.sidebar-nav .rows .view{display: none}
.sidebar-nav .lyrow{margin:5px 0;height:28px;line-height:28px;}
.sidebar-nav li{line-height:40px;}
.sidebar-nav .preview{display:block;color:#666;font-size:12px;line-height:22px;}
.sidebar-nav .configuration,.sidebar-nav .model-data,.sidebar-nav .remove,.sidebar-nav .viewHead{display:none;}
.sidebar-nav span.title{display:inline-block;text-indent:1em;}
.sidebar-search{margin:8px 20px 20px 20px;}
.sidebar-search .input-box{padding-bottom:2px;border:1px solid #e5e5e5!important;}
.sidebar-search .submit{float:right;display:block;margin-top:2px;opacity:.5;cursor:pointer;}
.sidebar-search .submit i::before{cursor:pointer;}
.sidebar-search input{margin:0;padding:0;width:145px;border:0;background-color:#FFF!important;box-shadow:none;color:#666!important;font-size:14px;}
.sidebar-nav .bg-color .nav-header,.sidebar-nav .nav-header:hover{color:#fff;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-ms-transition:all .1s ease;}
.demo{position:relative;margin-left:0;padding:1%;border-radius:4px;word-wrap:break-word;}
.demo .model-data{width:100%;border:medium none;}
.demo .preview{display:none;}
.demo .ui-sortable-placeholder{visibility:visible!Important;outline:5px dotted #ddd;border-radius:4px;}
.ui-draggable-dragging .view{display:block;}
.drag{position:absolute;top:0;right:0;width:100%;cursor:move!important;}
.sidebar-nav .drag{padding:0;height:28px;background:#fff;color:#666;line-height:28px;}
.sidebar-nav .drag:hover{color:#fff;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-ms-transition:all .1s ease;}
#content-md{overflow:auto;}
.toolbars{display:none;}
.toolbars .compare{float:right;margin-left:5px;width:24px;height:24px;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;}
.toolbars .template{float:right;margin-left:5px;height:26px;color:rgba(255,255,255,.8);}
.toolbars .template>div{float:left;margin-right:5px;width:24px;height:24px;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-align:center;}
.toolbars .template>div:hover{color:#fff;}
.toolbars .template i{font-size:1.5em;line-height:26px;cursor:pointer;}
.viewHead{float:right;width:540px;height:26px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.viewHead>div{float:left;}
.viewHead .crowd{margin:1px;padding-left:1%;width:26%;height:22px;border:1px solid #CCC;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#fff;}
.viewHead .begin,.viewHead .end{margin:1px 1%;width:22%;}
.viewHead .line{margin-top:2px;color:#ccc;}
.viewHead input{padding:4px 0;width:100%;height:22px;}
.viewHead .submit{float:right;margin-top:1px;margin-right:1%;}
.viewHead i.fa-check-square-o{color:rgba(255,255,255,.8);font-size:24px;cursor:pointer;}
.viewHead .lastHour{float:right;margin:1px;width:80px;height:22px;border:1px solid #CCC;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:rgba(255,255,255,.8);text-align:center;font-size:100%;cursor:pointer;}
.viewHead .lastHour:hover{color:#fff;}
.label-important[href]{background-color:#d90000;}
#estRows .column{min-height:200px;}
.column{position:relative;margin:15px 0 0;padding:1%;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background-color:#f9f9f9;}
body.devpreview{margin-left:35px;}
body.devpreview .sidebar-nav{z-index:11;width:35px;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-ms-transition:all .1s ease;}
body.devpreview .sidebar-nav .rows,body.devpreview .sidebar-nav span.title{display:none!important;}
body.devpreview .sidebar-nav .zoom-out{margin-left:2px;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;-ms-transition:all 0s ease;}
body.devpreview .sidebar-nav .nav-header i{margin-left:10px;}
body.devpreview .sidebar-nav ul.nav-list:hover{width:200px;height:41px;}
body.devpreview .sidebar-nav ul.nav-list:hover li.nav-header{color:#FFF;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-ms-transition:all .1s ease;}
/*body.devpreview .sidebar-nav ul.nav-list:hover li.rows{display:list-item!important;margin:0 0 0 35px;padding-top:1px;width:165px;background:rgba(255,255,255,.8);}*/
body.devpreview .sidebar-nav ul.nav-list:hover span.title{display:inline-block!important;}
body.devpreview .sidebar-search .input-box{margin-bottom:40px;border:0!important;}
body.devpreview .sidebar-search .input-box .submit{margin-right:-5px;}
body.devpreview .sidebar-search .input-box input{display:none;}
.viewArea {
    position:relative;
    margin:1%;
    width:98%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color:#fff;
    -webkit-box-shadow:0 0 10px 6px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 10px 6px rgba(0,0,0,.3);
    box-shadow:0 0 10px 6px rgba(0,0,0,.3);
    -webkit-transition:all .1s ease;-moz-transition:all .1s ease;
    -o-transition:all .1s ease;transition:all .1s ease;
    -ms-transition:all .1s ease;}
.viewArea .viewArea-h{
    position:absolute;
    /*top:0;*/
    width:100%;
    height:26px;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
    background-color:#3d9ccc;
    color:#fff;
    text-indent:1em;}
.viewArea .viewArea-c{
    position:absolute;
    margin-top:26px;
    overflow: auto;
    width:100%;}
.viewArea .content-m{
    margin:0 auto;
    width:99%;}
.green-alarm{color:#4ad455;}
.red-alarm{color:red;}
.yelllow-alarm{color:#ffc800;}
.icheckbox_line-blue{padding:5px 5px 5px 25px;}
.icheckbox_line-blue .icheck_line-icon{left:5px;}
